<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量提升</title>
</head>
<body>
    <script>
        //变量提升: 提升的是变量的声明。
        // 当执行js代码时，它会将代码中涉及的
        // 变量声明提升到作用域的最前面。

        //例1：
        console.log(a);
        var a = 10;

        // var a;
        // console.log(a);
        // a = 10;

        //例2：
        function sum(a,b){
            console.log(res);
            var res = a + b;

            // var res;
            // console.log(res);
            // res = a + b;
        }
        sum(1,2);

        //练习：
        var x = 100;
        function abs(number){
            // number = x + number;
            // console.log(x);
            // var x = 200;
            var x;
            number = x + number;
            console.log(x);
            var x = 200;

            if(number > 0){
                return number;
            }
            else{
                return -number;
            }
        }

        abs(-190);
        

    </script>
</body>
</html>